<template>
  <div class="app">
    <!-- 
        全局事件总线
          1.一种组件间通信的方式,适用于任意组件间通信

          2.安装全局事件总线
            new Vue({
              ....
              beforeCreate () {
                Vue.prototype.$bus = this //安装全局事件总线, $bus就是当前应用的vm
              }
            })

          3.使用事件总线
            1.接收数据: A组件想接收数据,则在A组件中给$bus绑定自定义事件,事件的回调留在A组件自身
              methods: {
                demo (data) {...}
              }

              mounted () {
                this.$bus.$on('xxx', this.demo)
              }

            2.提供数据: this.$bus.$emit('xxx', 数据)

          4.最好在beforeDestory钩子中, 用$off去解绑当前组件所用到的事件
     -->


    <school ></school>
    <hr>
    <student></student>
  </div>
</template>

<script>
    //引入组件
    import student from './components/student.vue'
    import school from './components/school.vue'
    export default {
      name: 'App',
      data () {
        return {
          msg: '欢迎学习vue',
          studentName: ''
        }
      },
      components: {
        student,
        school
      },
      methods: {

      }
    }
</script>

<style>
  .app {
    background: grey;
    padding: 5px;
  }
</style>